<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String contextPath = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+contextPath+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>test</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     
      <link href="<%=contextPath%>/plugin/caroufredsel/caroufredsel.css" rel="stylesheet">
     <script type="text/javascript"  src="js/index.js"></script>
     <script type="text/javascript" language="javascript" src="plugin/caroufredsel/jquery.carouFredSel-6.2.1-packed.js"></script>
</head>
<body>
<div class="container" >
    <div class="row clearfix">
        <div class="col-md-12 column">
            <%@ include file="header.jsp" %>
            <div class="panel panel-default main-paper"  >
            <!-- 正文部分开始 -->
                <div class="panel-heading">
                    <div class="row clearfix">
                        <div class="col-md-10 column">
                            <div style="position:relative;padding-left:20px;">
                                <div style="float:left;"><h1>小白兔</h1></div>
                                <div style="float:left;padding-top: 10px;padding-left: 20px;"><h3>兼职实习信息网</h3></div>
                                <div style="position: relative;top: 30px;left: 80px;">
                                    <div class="btn-group" >
                                        <button type="button" class="btn btn-danger"  style="width: 60px;text-align: left;">全部</button>
                                        <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" style="height: 34px;">
                                            <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu" role="menu" style="min-width: 88px;">
                                            <li><a href="#">兼 职</a></li>
                                            <li><a href="#">实 习</a></li>
                                        </ul>
                                    </div>
                                    <input type="text" id="commonSearch" style="width:300px;height:34px; line-height:30px;font-size:15px; border:2px #CCCCCC solid;" />
                                    <button cmd="search" type="button" class="btn btn-default" style="width:60px;background: #d2322d;color: white;">搜索</button>

                                </div>
                            </div>

                        </div>
                        <div class="col-md-2 column">
                            <div class="top-nav">

                                <button type="button" class="btn btn-default" style="width:130px;background: #d2322d;color: white;">我要发布</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-body" >

                    <div class="row clearfix">
                        <div class="col-md-9 column">
                            <div id="contentArea" class="list-group" style="height: 588px;">
                           
                           <div class="row clearfix">
								<div class="col-md-6 column">
									<div class="list-group">
									 	<div class="list-group-item"> 最新兼职<span class="badge">更多</span></div>
										<div class="list-group-item"> job info...<span class="badge">荐</span></div>
										<div class="list-group-item"> job info...<span class="badge">荐</span></div>
										<div class="list-group-item"> job info...<span class="badge">荐</span></div>
										<div class="list-group-item"> job info...<span class="badge">荐</span></div>
										<div class="list-group-item"> job info...<span class="badge">荐</span></div>
										<div class="list-group-item"> job info...<span class="badge">荐</span></div>
										
									</div>
								</div>
									<div class="col-md-6 column">
									<div class="list-group">
									 	<div class="list-group-item"> 最新实习<span class="badge">更多</span></div>
										<div class="list-group-item"> job info...<span class="badge">荐</span></div>
										<div class="list-group-item"> job info...<span class="badge">荐</span></div>
										<div class="list-group-item"> job info...<span class="badge">荐</span></div>
										<div class="list-group-item"> job info...<span class="badge">荐</span></div>
										<div class="list-group-item"> job info...<span class="badge">荐</span></div>
										<div class="list-group-item"> job info...<span class="badge">荐</span></div>
										
									</div>
								</div>
							</div>
							<div class="row clearfix">
									<div class="col-md-12 column">
									<div class="list-group">
										<div style="position: relative;width: 100%;height: 300px;border-radius: 4px;border:1px solid #dddddd;">
										<div>&nbsp;&nbsp;>>公益活动</div>
											<div class="image_carousel">
												<div id="foo2">
														<img src="image/slideshow/work01.jpg" alt="basketball" width="136" height="140" />
														<img src="image/slideshow/work02.jpg" alt="beachtree" width="136" height="140" />
														<img src="image/slideshow/work03.jpg" alt="cupcackes" width="136" height="140" />
														<img src="image/slideshow/work04.jpg" alt="hangmat" width="136" height="140" />
														<img src="image/slideshow/work05.jpg" alt="new york" width="136" height="140" />
														<img src="image/slideshow/work05.jpg" alt="new york" width="136" height="140" />
														<img src="image/slideshow/work05.jpg" alt="new york" width="136" height="140" />
													</div>
													<div class="clearfix"></div>
													<a class="prev" id="foo2_prev" href="#"><span>prev</span></a>
													<a class="next" id="foo2_next" href="#"><span>next</span></a>
													<div class="pagination" id="foo2_pag"></div>
											</div>
										</div>
									</div>
								</div>
							</div>
                            </div>
                        </div>
                        <div class="col-md-3 column">
                            <div class="form-group">
                                <div class=" col-sm-12" style="background:#B1E4E2;;height:300px;border-radius: 4px;font-size: 12px;">
                                    <div style="color: rgb(255, 0, 51);font-size: 14px;margin-bottom: 5px;margin-left: 5px;">最新资讯</div>
                                    <table class="news">
                                        <tr><td><div class="news-icon"></div></td><td><div class="news-text">大学城乐购超市迎来有奖活动！</div></td></tr>
 										<tr><td><div class="news-icon"></div></td><td><div class="news-text">大学城乐购超市迎来有奖活动！</div></td></tr>
                                    	<tr><td><div class="news-icon"></div></td><td><div class="news-text">大学城乐购超市迎来有奖活动！</div></td></tr>
                                    	<tr><td><div class="news-icon"></div></td><td><div class="news-text">大学城乐购超市迎来有奖活动！</div></td></tr>
                                    	<tr><td><div class="news-icon"></div></td><td><div class="news-text">大学城乐购超市迎来有奖活动！</div></td></tr>
                                    	<tr><td><div class="news-icon"></div></td><td><div class="news-text">大学城乐购超市迎来有奖活动！</div></td></tr>
                                    	<tr><td><div class="news-icon"></div></td><td><div class="news-text">大学城乐购超市迎来有奖活动！</div></td></tr>
                                    </table>
                                </div>
                                <div class=" col-sm-12" style="background:#B1E4E2;;height:288px;margin-top: 4px;border-radius: 4px;">
                                    <div>手机关注更多即时信息</div>
                                    <div>请关注小白兔微信公众号: haoshusheng</div>
                                    <img src="image/weixin.jpg" width="200" height="200">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            <!-- 正文部分结束 -->
            </div>
        </div>
    </div>
</div>
<%@ include file="tail.jsp" %>
<script type="text/javascript">

$("#foo2").carouFredSel({
	circular: false,
	infinite: false,
	auto 	: false,
	prev	: {	
		button	: "#foo2_prev",
		key		: "left"
	},
	next	: { 
		button	: "#foo2_next",
		key		: "right"
	},
	pagination	: "#foo2_pag"
});

</script>
</body>
</html>
